@import "base.less";

.minHeader {
  padding-left: 4vw;
  .flex;
  justify-content: flex-start;
  height: 34.6667vw;
  background: url(../imgs/user-header2.png) no-repeat center/cover;
  .iconfont {
    font-size: 13.3333vw;
    color: #e9e9e9;
    margin-right: 2.6667vw;
  }
  div {
    color: #c59a46;
    h3 {
      font-size: 5.8667vw;
    }
    h4 {
      margin-top: 1.8667vw;
      .fontSize;
      font-weight: normal;
    }
  }
}
.mainCont {
  .main1 {
    .exitLogin {
      display: block;
      width: 60%;
      margin: 6.6667vw auto 0 auto;
      .fontSize;
      color: #616161;
      border-radius: 2.6667vw;
      border: 1px solid #dcdcdc;
      padding: 2.1333vw 0;
      text-align: center;
    }
    .commonMain {
      background-color: #fff;
      ul {
        .flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: flex-start;
        li {
          width: 25%;
          margin-bottom: 4vw;
          a {
            span {
              font-size: 5vw;
              color: red;
            }
            p {
              margin-top: 1.8667vw;
              .fontSize;
            }
          }
        }
      }
    }
    .main1Left {
      height: 23.4667vw;
      padding: 5.3333vw 0;
      ul {
        li {
          &:last-of-type {
            border-left: 1px solid #eee;
          }
        }
      }
    }
    .main2Left {
      margin: 2.6667vw auto;
      padding: 2.6667vw 0 0 0;
      width: 94%;
      box-shadow: 0 0.1333vw 0.5333vw 0 rgba(0, 0, 0, 0.05);
      font-size: 4vw;
      border-radius: 0.5333vw;
      background: #fff;
    }
  }
}
